#set($ctx = $request.getContextPath())
<!doctype html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
	<head>
		
		<!-- META -->
		<title>多维矩阵-企业网络信息化专家</title>
		<meta charset="utf-8" />	
		<meta name="description" content=" 多维矩阵  ... " />
		<meta name="keywords"    content=" 微电影 微广播 微推广工具开发   ... " />	
		
		<!-- FAVICON  -->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />					
			
		<!-- STYLESHEETS -->
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/style.css" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/nivo-slider.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/prettyPhoto.css" />
		<link rel="stylesheet" href="${ctx}/r/cms/www/dwcom/css/jquery.validity.css" />
		
		<!-- SCRIPTS -->
		<script src="${ctx}/r/cms/www/dwcom/js/jquery-1.5.1.min.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.prettyPhoto.js" type="text/javascript"></script>
		<script src="${ctx}/r/cms/www/dwcom/js/jquery.validity.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$('#slider').nivoSlider();
			});
		</script>   		
				
	</head>
	<body>
	<!-- HEADER -->
${httpInclude.include("top.vm")}
	<!-- end HEADER -->	
		
		<!-- MAIN -->			
		<div id="main" class="container">
			<!-- Content -->				
			<div id="content">
				<h1 class="title">$!case.title</h1>
				<p><img class="shadow" src="$!case.contentImg" alt="$!case.title" title="$!case.title"></p>
				<p class="caption">image caption <a href="$!case.originUrl">$!case.origin</a></p>
				<p>$!case.txt</p>			

				<div class="post-meta">
					<div class="fixed">
						<span class="post-date">$!date.format('yyyy-MM-dd HH:mm:ss',$!case.releaseDate)</span>
						<span class="post-author">$!case.author</span>
						<ul class="tags">
						#foreach( $!tag in $!case.tagStr.split(";") )
							<li><a href="#">$!tag</a></li>
						#end	
							<li><a href="#">design</a></li>
							<li><a href="#">envato</a></li>
						</ul>
					</div>
				</div>
				<div class="author-info">
					<img class="avatar" src="images/img-32-90x90.jpg">
					<div class="box">
						<h5>About the author</h5>
						<p class="last">Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
					</div>
				</div>
				<!-- 
				 -->
				
				<!-- 
				<div class="delimiter"></div>
				< h2>Discussion</h2>
				<ul class="comments">
					<li>
						<div class="comment">
							<img class="avatar" src="images/img-33-90x90.jpg">
							<div class="box">
								<span class="comment-author">Jim</span>
								<p class="comment-date">31.03.2011 at 11:06</p>
								<p>Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
							</div>
							<a class="comment-reply">Reply</a>
						</div>
						<ul class="comments">
							<li>
								<div class="comment author-comment">
									<img class="avatar" src="images/img-32-90x90.jpg">
									<div class="box">
										<span class="comment-author">John</span>
										<p class="comment-date">31.03.2011 at 11:06</p>
										<p>Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
									</div>
									<a class="comment-reply">Reply</a>
								</div>
							</li>
							<li>
								<div class="comment">
									<img class="avatar" src="images/img-34-90x90.jpg">
									<div class="box">
										<span class="comment-author">Jane</span>
										<p class="comment-date">31.03.2011 at 11:06</p>
										<p>Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
									</div>
									<a class="comment-reply">Reply</a>
								</div>
								<ul class="comments">
									<li>
										<div class="comment">
											<img class="avatar" src="images/img-33-90x90.jpg">
											<div class="box">
												<span class="comment-author">Jack</span>
												<p class="comment-date">31.03.2011 at 11:06</p>
												<p>Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
											</div>
											<a class="comment-reply">Reply</a>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</li>
					<li>
						<div class="comment author-comment">
							<img class="avatar" src="images/img-32-90x90.jpg">
							<div class="box">
								<span class="comment-author">John</span>
								<p class="comment-date">31.03.2011 at 11:06</p>
								<p>Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
							</div>
							<a class="comment-reply">Reply</a>
						</div>
					</li>					
				</ul>
				
				
				<ul class="pagenav">
					<li><a href="#">&laquo;</a></li>
					<li><a href="#">&lsaquo;</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li class="current">3</li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li class="extend">...</li>
					<li><a href="#">&rsaquo;</a></li>
					<li><a href="#">&raquo;</a></li>
				</ul>
				<div class="delimiter"></div>
				
				<h2>Leave a comment</h2>
				<form action="#" id="commentform">
					<p>
						<label for="name"><span class="required">*</span>Your Name:</label><br>
						<input type="text" id="name">
					</p>
					<p>
						<label for="email"><span class="required">*</span>E-mail: <small>(will not be published)</small></label><br>
						<input type="text" id="email">
					</p>
					<p>
						<label for="website">Website:</label><br>
						<input type="text" id="website">
					</p>
					<p>
						<label for="your_message"><span class="required">*</span>Your Message:</label><br>
						<textarea id="your_message" cols="15" rows="7"></textarea>
					</p>
					<p>
						<input class="submit" type="submit" value="Submit Comment">
					</p>
				</form>				
			-->	
			<div id="qqwb_comment__" data-appkey="801524423" data-width="100%" data-height="300" data-colors="#CCCCCC_#000000_#FF6600_#CCCCCC"></div>
			<script src="http://mat1.gtimg.com/app/openjs/openjs.js#debug=yes&autoboot=no"></script>
			        
			</div>
			<!-- end Content -->	
		
			<!-- Sidebar -->
				${httpInclude.include("v_cases_sidebar.vm")}
			<!-- end Sidebar -->	
		
		</div>
		<!-- end MAIN -->		

		<!-- FOOTER -->
${httpInclude.include("footer.vm")}
		<!-- end FOOTER -->
	</body>
</html>		
